<template>
    <div>
        <div class="top">
			<Row :gutter="10" justify="center">
				<Col span="16">
                    <h3>基础设置</h3>
				</Col>
				<Col span="8">
					<Button type="primary">修改信息</Button>
				</Col>
			</Row>
		</div>
        <div>
            <ul>
                <li><label for="">药店编号</label><span>312121</span></li>
                <li><label for="">药店名称</label><span>海王星辰大药房</span></li>
                <li><label for="">简单介绍</label><span>本要点专门销售二类医疗器械产品及相关耗材，具有各类药品经营</span></li>
                <li><label for="">所在地址</label><span>广东省深圳市宝安区新安街道上合花园</span></li>
                <li><label for="">联系人</label><span>张涛</span></li>
                <li><label for="">手机号码</label><span>13829121352</span></li>
                <li><label for="">电子邮箱</label><span>zhangtao@163.com</span></li>
                <li><label for="">预约电话</label><span>0755-81235213</span></li>
            </ul>
        </div>
    </div>
</template>
<style scoped>
    ul{
        max-width: 700px;
    }
    ul ,li {
        list-style: none;
    }
    li{
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
    }
    li label{
        min-width: 80px;
    }
    li span{
        flex: 1;
    }
</style>